<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="format-detection" content="telephone=no" />
    <meta content="email=no" name="format-detection" />
    <script src="build/flexible.js"></script>
    <script src="build/flexible_css.js"></script>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/icons.css">
    <!--[if lt IE 8]><!-->
    <link rel="stylesheet" href="ie7/ie7.css">
    <!--<![endif]-->
    <link rel="stylesheet" href="js/mobiscroll/mobiscroll.custom-2.17.0.min.css">
    <title>预约服务</title>
</head>
<body>
<header>
    <div class="header-tit box box-left box-center">
        <div class="item-fix header-icon"><a href="" class=" icon-back"></a></div>
        <h1 class="item">预约服务</h1>
        <div class="item-fix icons-square"></div>
    </div>
</header>
<section class="section-single section-nav">
    <ul class="list margin-square">
        <li>
            <div class="have-btn box box-between box-center">
                <div class="list-inp-tit font16 item-fix">预约数量</div>
                <div class="item box box-right box-center number">
                    <div class="num-btn minus font12 icon-minus box box-center"></div>
                    <input type="text" value="1">
                    <div class="num-btn add font12 icon-add box box-center"></div>
                </div>
            </div>
        </li>
        <li>
            <label class="box box-left box-center">
                <em class="list-inp-tit font16 item-fix">客户姓名</em>
                <em class="list-inp item"><input type="text" placeholder="请输入姓名"></em>
            </label>
        </li>
        <li>
            <div class="box box-left box-center">
                <label class="box box-left box-center item">
                    <em class="list-inp-tit font16 item-fix">地址</em>
                    <a href="selectCommunity.html" class="place-chose item box box-between box-center">
                        <em class="list-inp item"><input type="text" placeholder="请选择地址" readonly></em>
                        <i class="advice-icon icon-change item-fix font16"></i>
                    </a>
                </label>
            </div>
        </li>
        <li>
            <label class="box box-left box-center">
                <em class="list-inp-tit font16 item-fix">预约时间</em>
                <em class="list-inp item"><input type="text" placeholder="请选择预约时间" class="date"></em>
            </label>
        </li>
        <li>
            <label class="box box-left box-center">
                <em class="list-inp-tit font16 item-fix">联系电话</em>
                <em class="list-inp item"><input type="tel" placeholder="请输入手机号"></em>
            </label>
        </li>
        <li>
            <div class="have-btn box box-left box-center">
                <label class="box box-between box-center item">
                    <em class="list-inp-tit font16 item-fix">支付</em>
                    <em class="list-inp item"><input type="tel" placeholder="请输入支付金额"></em>
                </label>
                <div class="item-fix have-btn-square">
                    <i class="common-btn btn-grey font12 pay-way">
                        <select class="select">
                            <option value="1">微信支付</option>
                            <option value="2">线下支付</option>
                        </select>
                    </i>
                </div>
            </div>
        </li>
    </ul>

    <ul class="list margin-square">
        <li>
            <label class="box box-left box-top">
                <span class="list-inp-tit font16 item-fix">备注</span>
                <span class="list-inp item">
                    <textarea  placeholder="给师傅留言，说明您的特殊要求"></textarea>
                </span>
            </label>
        </li>
    </ul>

    <ul class="advice-detail-img book-img margin-square clear">
        <li>
            <a href="javascript:;" class="show-big-pic">
                <img src="img/advice.jpg">
            </a>
        </li>
        <li>
            <a href="javascript:;" class="show-big-pic">
                <img src="img/advice.jpg">
            </a>
        </li>
        <li>
            <a href="javascript:;" class="show-big-pic">
                <img src="img/advice.jpg">
            </a>
        </li>
    </ul>
</section>
<footer>
    <div class="footer-btn font18">
        <a href="">立即报名</a>
    </div>
</footer>
<div class="img-dialog">
    <div class="img-dialog-main">
        <img src="">
    </div>
</div>
<script src="js/jquery.js"></script>
<script src="js/autosize/autosize.js"></script>
<script src="js/mobiscroll/mobiscroll.custom-2.17.0.min.js"></script>
<script src="js/each/book.js"></script>
</body>
</html>